/*
 * 1. tabpanel 테스트
 *
 */
Ext.setup({
    tabletStartupScreen:"images/tabletStartupScreen.png",
    phoneStartupScreen:"images/phoneStartupScreen.png",
    tabletIcon:"images/tabletIcon.png",
    phoneIcon:"images/phoneIcon.png",
    glossOnIcon: true,
    statusBarStyle:"black",
    fullscreen:true,
    preloadImages:[],
    scope:this,
    onReady: function() {
        var bar1 = new Ext.TabPanel({
            fullscreen : true,           
            ui : 'dark',
            sortable : true,
            tabBarDock : "top",
            cardSwitchAnimation : "cube", //'fade', 'slide', 'flip', 'cube', 'pop', 'wipe' default : slide
            items: [
                {
                    title: 'Tab 1',
                    html : '1',
                    cls  : 'card1'
                },
                {
                    title: 'Tab 2',
                    html : '2',
                    cls  : 'card2'
                },
                {
                    title: 'Tab 3',
                    html : '3',
                    cls  : 'card3'
                }
            ],
            listeners:{
                //( Ext.Container this, Ext.Component newCard, Ext.Component oldCard, Number index, Boolean animated )
                cardswitch: function(coontainer, newCard, oldCard, index, animated){
                    console.log(index);
                }
            }
        });
    }
});